<template>
  <div class="teleport">
    <h1>这里介绍teleport</h1>
    <teleport to="body">
      <div class="modal" v-show="isShow">
        <h2>我是一个弹窗</h2>
        <p>我是弹窗中的一些内容</p>
        <button @click="isShow = false">关闭弹窗</button>
      </div>
    </teleport>
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
let isShow = ref(true);
</script>
<style scoped>
.teleport {
  width: 80vw;
  height: 80vh;
  border: 1px solid red;
}
</style>